import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/home.vue'

Vue.use(VueRouter)

const routes = [{
  path: '/',
  // 重定向到指定组件
  redirect: '/login'
},
{
  path: '/login',
  component: Login
},
{
  path: '/home',
  component: Home
}
]

const router = new VueRouter({
  routes
})

// 创建路由导航守卫,如果登录继续向下否则跳转到登录页面
router.beforeEach((to, from, next) => {
  // to 将要访问的路径页面
  // from 代表从哪个路径跳转而来
  // next 是一个函数,继续向下执行
  if (to.path === '/login') return next()
  // 获取token的值
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})

export default router
